<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    创建阶段
setup(): 在组件实例被创建之前调用，它替换了 beforeCreate 和 created 钩子，并且是 Composition API 的入口 
onBeforeMount: 在组件挂载开始之前被调用。
挂载阶段
onMounted: 在组件挂载完成后被调用。此时，组件已经被渲染到 DOM 中 
更新阶段
onBeforeUpdate: 在响应式数据发生变化，虚拟 DOM 重新渲染之前被调用 
onUpdated: 在组件因为响应式状态变更而更新其 DOM 树之后调用 
销毁阶段
onBeforeUnmount: 在组件实例被卸载之前调用 
onUnmounted: 在组件实例被卸载后调用 
此外，还有一些其他的生命周期钩子：

</body>
</html>